<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@page import="com.ares.service.bean.BeanObjetivo" %>
<%@page import="com.ares.service.bean.BeanMeta" %>
<%@page import="com.ares.service.bean.BeanUsuario" %>
<%@page import="com.ares.service.util.Constantes" %>

<%@page import="javax.servlet.http.HttpServletRequest" %>



<html>
    <title>Sistema de Evaluación de Desempeño</title>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/sevde.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/prototype.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/collapse.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/util.js"></script>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css">
	
<!-- 		<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> -->
<!-- 		<META HTTP-EQUIV="Expires" CONTENT="-1"> -->
<!--    		<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> -->
<!--   		<META HTTP-EQUIV="Expires" CONTENT="-1"> -->
    </head>
    <body>

        <html:form action="evaluacion.do">
       
            <input type="hidden" name="valSeleccionado" />
            <input type="hidden" name="namSeleccionado" />
            <input type="hidden" name="desObjetivo" id="desObjetivo"/>
            <input type="hidden" name="method"/>
            <input type="hidden" name="operacion" id="operacion"/>

            <html:hidden property="stridMeta" styleId="stridMeta" />
            <html:hidden property="stridobjetivo" styleId="stridobjetivo"/>
            <html:hidden property="stridpilar" styleId="stridpilar"/>
            <html:hidden property="strdesobjetivo" styleId="strdesobjetivo"/>
            <html:hidden property="totalObjOrg" value="${totalObjOrg}"></html:hidden>
            <html:hidden property="dblpeso" value="${dblpeso}"></html:hidden>
            <html:hidden property="strdesMeta" styleId="strdesMeta"/>
            <html:hidden property="straceptable" styleId="straceptable"/>
            <html:hidden property="strmejorado" styleId="strmejorado"/>
            <html:hidden property="strExcelente" styleId="strExcelente"/>

            <table class="tablaingresos" border="0" >
                <tr>
                    <td align="center">
                        <table id="tb_opciones" class="tb_opciones" border="0">
                            <tr>
                                <td colspan="9" align="center" class="tituloJsp">
                                    Mi Evaluación de Objetivos <c:out value="${formulario.strPERIODO}"/>
                                </td>
                            </tr>

                            <c:if test="${formulario != null}">
                                <tr>
                                    <th><IMG class='stlTdImagen' border="1" SRC='file://fs-grupos/Data_pub$/PE/RRHH/fotos_HOC/<c:out value="${formulario.strID_EMPLEADO}" />.jpg' onerror="this.src='images/sinimagen.png';" /> </th>
                                    <th rowspan="4" style="vertical-align: middle" >
                                        <table border="0" width="600px" cellpadding="2" cellspacing="2">
                                            <tr>
                                                <td class="labelNombre" width="250px"><label><c:out value="${formulario.strNom_Empleado}"/></label></td>
                                            </tr>
                                            <tr>
                                                <td  class="labelopciones"><label><c:out value="${formulario.strApellido_Empleado}"/></label> </td>
                                                <td class="espaciosEnBlanco"></td>
                                                <td>Evaluador :</td>
                                                <td class="labelopciones"><label><c:out value="${formulario.strNom_Evaluador}"/></label> </td>
                                            </tr>
                                            <tr>
                                                <td class="labelopciones" ><label><c:out value="${formulario.strPuesto_Empleado}"/></label></td>
                                                <td></td>
                                                <td></td>
                                                <td class="labelopciones" ><label><c:out value="${formulario.strPuesto_Evaluador}"/></label> </td>
                                            </tr>
                                            <tr>
                                                <td class="labelopciones"><label><c:out value="${formulario.strArea_Empleado}"/></label> </td>
                                            </tr>
                                        </table>
                                    </th>

                                    <th class="espaciosEnBlanco"></th>
                                    <th rowspan="2">
                                        <table>
                                            <tr> 
                                            	 <td>
                                                       <div id="divgrabar">
                                                        	<button class="button" type= "button" onclick="grabar();"> <img src="images/grabar.gif" alt=""  height="15px"/> Grabar</button>
                                                        </div>	
                                                </td>
                                            </tr>

                                            <tr> <td><button type= "button" class="button" onclick="ImprimirFormularioEvaluacionObjetivos()"> <img src="images/icono-imprimir-mensaje.gif" alt=""  height="15px"  /> Imprimir</button></td></tr>
                                            <tr> <td> <button  type= "button" class="button"  onclick="cerrar();"> <img src="images/cerrar.gif" alt=""  height="15px"/> Cerrar</button></td>
                                            </tr>
                                        </table>
                                    </th>
                                </tr>
                            </c:if>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <HR>
                    </td>
                </tr>
                <tr align="center">
                    <td>
                        <c:if test="${formulario.strETAPA == 'E1' || formulario.strETAPA == ''}">
                           <img src="images/plan.png" >
                            <img src="images/acom.png">
                            <img src="images/veri.png">
                        </c:if>

                        <c:if test="${formulario.strETAPA == 'E2'}">
                            <img src="images/plan2.PNG" >
                            <img src="images/acom2.PNG">
                            <img src="images/veri.png">
                        </c:if>
                    </td>
                </tr>

                <tr>
                    <td>
                        <HR>
                    </td>

                </tr>
                <tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_mensaje"></div>
                	</td>
                </tr>
<%--                 <c:if test="${mensaje != null}" > --%>
<!--                     <tr> -->
<!--                         <td  colspan="4" style="text-align: left"> -->
<%--                         	<c:if test="${error != null}" > --%>
<%--                             	<font color="red" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<%--                         	<c:if test="${error == null}" > --%>
<%--                             	<font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<!--                         </td> -->
<!--                     </tr> -->
<%--                     <c:if test="${mensaje == 'YA GRABO EL TRABAJADOR' }"> --%>
<!--                          deshabilitaTodo(); -->
<%--                     </c:if> --%>

<%--                 </c:if> --%>

                <tr>
                    <td>
                           <div id="GrupoBotones">
	                            <table align="left">
	                                <tr>
	                                    <td>
	                                        <button type= "button" onclick="PopupObjetivo();" id="btnNuevoObjetivo" class="buttonCrearObj"> <img src="images/file.gif" alt="" height="15px" /> Crear Objetivo</button> </td>
	                                    <td> <button type= "button" onclick="ModificarObj();" id="btnModificarObjetivo" class="buttonModiObj"> <img src="images/icono_modificar.gif" alt="" height="15px"/> Modificar Objetivo</button></td>
	                                    <td> <button type= "button" onclick="EliminarObj();" id="btnEliminarObjetivo" class="buttonEliobj"> <img src="images/icon_waste_lrg.gif" alt="" height="15px"/> Eliminar Objetivo</button></td>
	                                </tr>
	                                <tr>
	                                    <td>
	                                        <button type= "button" onclick="PopupMeta();" id="btnNuevaMeta" class="buttonCrearObj"> <img src="images/file.gif" alt="" height="15px"/> Crear Meta</button></td>
	                                    <td>
	                                        <button type= "button" onclick="ModificarMeta();" id="btnModificarMeta" class="buttonModiObj"> <img src="images/icono_modificar.gif" alt="" height="15px"/> Modificar Meta</button>
	                                    </td>
	                                    <td>
	                                        <button type= "button" onclick="EliminarMeta();" id="btnEliminarMeta" class="buttonEliobj"> <img src="images/icon_waste_lrg.gif" alt="" height="15px"/> Eliminar Meta</button>
	                                    </td>
	                                </tr>
	                            </table>
                            </div>
                    </td>
                </tr>

                <tr>
                    <td align="center" class="tablaingresos" >
                        <table id="tablaColap" cellspacing="1" cellpadding="1" border="0" >
                            <c:if test="${!empty sessionScope.lstpilares}">
                                <tr class="labelmetas" >
                                    <th style="background: #eee;width: 19px"  >
                                    <th style="background: #eee;width: 19px">
                                    <th style="background: #eee;width: 29px">
                                    <th style="background: #eee;width: 140px" >
                                    <th style="background: #eee" class="labelAME"> Aceptable
                                    <th style="background: #eee" class="labelAME"> Target
                                    <th style="background: #eee" class="labelAME"> Excelente
                                    <th style="width: 55px">
                                    <!--th style="width: 44px"-->
                                    <th style="width: 50px">
                                </tr>

                                <c:forEach items="${sessionScope.lstpilares}" var="jbean">
                                    <tr id='<c:out value="${jbean.strCod}"/>' >
                                        <td style="background: #1F497D ; color: #ffffff "><img src="images/nolines_minus.gif"  onclick="toggleRows(this,'tablaColap')" alt=""></td>
                                        <td style="background: #1F497D ; color: #ffffff "><input type="checkbox" id='<c:out value="${jbean.strCod}"/>' value='<c:out value="${jbean.strCod}"/>' onclick="setValor(this); desabilitarCheck(this.id);" name="chkpilar"/> </td>
                                        <td align="left" colspan="5" style="background: #1F497D ; color: #ffffff "class="labelpilares"><span><c:out value="${jbean.strDes}" /></span></td>
                                        <td class="tdinputval">
                                            <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}"/>' disabled value='<c:out value="${jbean.dblValor}"/>' />%
                                        </td>
                                        <td style="width: 44px">                                           
                                        </td>
                                    </tr>

                                    <c:if test="${!empty sessionScope.lstObjetivo}">
                                        <c:forEach items="${sessionScope.lstObjetivo}" var="obj">
                                            <c:if test="${obj.stridpilar == jbean.strCod}">
                                            
                                                <tr  id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}" />'>
                                                    <td style="background: #B6DDE8" ><img src="images/nolines_minus.gif" alt="" onclick="toggleRows(this,'tablaColap')" ></td>
                                                        <c:if test="${obj.intflag_org == 1}">
                                                        <td style="background: #B6DDE8"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}"/>' name="chkObjetivo" onclick="setValor(this);desabilitarCheck(this.id);" disabled/> </td>
                                                        </c:if>
                                                        <c:if test="${obj.intflag_org == 0}">
                                                        <td style="background: #B6DDE8"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}"/>' name="chkObjetivo" onclick="setValor(this);desabilitarCheck(this.id);"/> </td>
                                                        </c:if>
<!--                                                    <td align="left"  style="background: #B6DDE8" class="labelobjetivos"><label id='lbl1' ><c:out value="${obj.strDesc_indice}"/></label></td>-->
                                                    <td align="left"  style="background: #B6DDE8" class="labelobjetivos"><label id='lbl1' > <div id="<c:out value="${obj.strDesc_indice}"/>indice"> <c:out value="${obj.strDesc_indice}"/> </div> </label></td>
<%--                                                     <td align="left"  style="background: #B6DDE8" colspan="4" class="labelobjetivos"><label  id='lbl1' ><c:out value="${obj.strdesobjetivo}"/></label> </td> --%>
    													 <td align="left"  style="background: #B6DDE8" colspan="4" class="labelobjetivos"><label  id='lbl1' > <div id="<c:out value="${jbean.strCod}-${obj.stridobjetivo}"/>obj"><c:out value="${obj.strdesobjetivo}"/> </div></label> </td>


 
                                                    <td class="tdinputval">
                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}"/>' name='<c:out value="name-${jbean.strCod}"/>' disabled value='<c:out value="${obj.dblvalor}"/>' />%
                                                    </td>
                       
                                                    <td style="width: 44px" ></td>
                                                </tr>

                                                <c:if test="${!empty sessionScope.lstMetas}">
                                                    <c:forEach items="${sessionScope.lstMetas}" var="mta">
                                                        <c:if test="${mta.stridobjetivo== obj.stridobjetivo}">
                                                            <tr id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />'  >
                                                                <c:if test="${mta.intflag_org == 1 }">
                                                                    <td style="background: #BDBDBD " width="2%"></td>
                                                                    <td style="background: #BDBDBD " width="2%"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' onclick="desabilitarCheck(this.id);setValor(this)" disabled  name="chkMeta"   />
                                                                    <td style="background: #BDBDBD " width="4%" class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strDesc_indice}"/> </label></td>
                                                                    <td style="background: #BDBDBD " width="18%" class="labelmetas" align="left"><label id='lblMeta'  ><c:out  value="${mta.strdesmeta}"/> </label></td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblAcep'  ><c:out  value="${mta.straceptable}"/></label> </td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblMejor'  ><c:out  value="${mta.strmejorado}"/></label> </td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblExce'  > <c:out  value="${mta.strexcelente}"/></label></td>
                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name='<c:out value="name-${jbean.strCod}-${obj.stridobjetivo}"/>' disabled value='<c:out value="${mta.dblvalor}"/>' />%
                                                                    </td>

                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta" maxlength="5" id='<c:out value="txt-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}-1" />' name="txtMeta" onblur="llenarPesos(this);" value='<c:out value="${mta.dblCalc}"/>' onkeypress="return fn_soloDecimales(event);"/>%
                                                                    </td>
                                                                </c:if>

                                                                <c:if test="${mta.intflag_org == 0}">
                                                                    <td style="background: #ffffff " width="2%" ></td>
                                                                    <td style="background: #ffffff " width="2%"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />'  onclick="desabilitarCheck(this.id);setValor(this)"  name="chkMeta"  />
                                                                    <td style="background: #ffffff " width="4%" class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strDesc_indice}"/></label> </td>
                                                                    <td style="background: #ffffff " width="18%" class="labelmetas"><label id='lblMeta'  >   <div id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />m01'> <c:out  value="${mta.strdesmeta}"/> </div>  </label> </td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblAcep'  >   <div id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />m02'>  <c:out  value="${mta.straceptable}"/>  </div>  </label></td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblMejor' >   <div id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />m03'>  <c:out  value="${mta.strmejorado}"/>   </div>  </label></td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblExce'  >   <div id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />m04'>  <c:out  value="${mta.strexcelente}"/>  </div>  </label> </td>
                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name='<c:out value="name-${jbean.strCod}-${obj.stridobjetivo}"/>' disabled value='<c:out value="${mta.dblvalor}"/>' />%
                                                                    </td>
                                                                     <td class="tdinputval">
                                                                        <input class="inputvalMeta" maxlength="5" id='<c:out value="txt-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}-0" />' name="txtMeta" onblur="llenarPesos(this);" value='<c:out value="${mta.dblCalc}"/>' onkeypress="return fn_soloDecimales(event);"/>%
                                                                    </td>
                                                                </c:if>
                                                            </tr>
                                                        </c:if>
                                                    </c:forEach>
                                                </c:if>
                                            </c:if>
                                        </c:forEach>
                                    </c:if>
                                </c:forEach>
                            </c:if>

                            <tr>
                                <td colspan="9" align="left">
                                    <table class="foottabla" border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td class="foottablaglosas" width="590">(&#42)La suma total debe ser 100 %  </td>
                                            
                                            <td  style="font-weight: bold" width="212">Total(&#42) </td>
                                            <c:if test="${dblpeso != null}">
                                                <td align="right"  class="foottablaglosas" width="50px">  <label id="lblTotalMetas"><c:out value="${dblpeso}%">%</c:out> </label>   </td>
                                            </c:if>
                                            <c:if test="${dblpeso == null}">
                                                <td align="right"  class="foottablaglosas" width="50px"><label id="lblTotalMetas">0.00%</label>  </td>
                                            </c:if>
                                        </tr>

                                        <tr><td class="foottablaglosas">(&#42&#42)La suma total de Objetivos Organizacionales debe ser <c:out value="${formulario.dblTope_Org}%"></c:out> (se permite un margen de +/-<c:out value="${formulario.inttotal_ad_sup}%"/>)</td>

                                            <td style="font-weight: bold" width="212">Total Objetivos Organiz.(&#42&#42)</td>
                                            
                                            <c:if test="${totalObjOrg != null}">
                                                <td align="right" colspan="2" width="50px" class="foottablaglosas">
                                                    <label id="lblMetasOrg"><c:out value="${totalObjOrg}%">%</c:out> </label>
                                                </td>
                                            </c:if>

                                            <c:if test="${totalObjOrg == null}">
                                                <td align="right" colspan="2" class="foottablaglosas">
                                                    <label id="lblMetasOrg">0.00% </label>
                                                </td>
                                            </c:if>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <c:if test="${mensaje5 != null && mensaje5!='null'}" >
                    <tr>
                        <td colspan="4" style="text-align: left; font-weight: bold;font-family: Arial;font-size: 13px; color: #1F497D;">
                              <c:out value="${mensaje5}" />
                              <c:if test="${formulario.strETAPA == 'E2' && formulario.strESTADO == 'S5'}">
                                  <br />
                              De ser necesario, puede empezar una nueva versión de objetivos.
                              </c:if>
                        </td>
                    </tr>
                </c:if>
<!--                 Mostrar la Lista de Errores x colores -->
				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_cabecera"></div>
                	</td>
                </tr>

<%--                 <c:if test="${!empty verificacion}"> --%>
<!--                     <tr> -->
<%--                    <c:if test="${pintar_azul!=null}"> --%>
<%-- 	                     <c:if test="${pintar_azul=='azul'}" > <td colspan="4" class="labelErrorULBlue"></c:if> --%>
<%-- 	                     <c:if test="${pintar_azul=='red'}" ><td colspan="4" class="labelErrorUL"></c:if> --%>
<%-- 	                       <c:out value="${cabecera}" /> --%>
<!--                         </td> -->
<%--                   </c:if> --%>
<%--                           <c:if test="${pintar_azul==null}"> --%>
<!-- 			                    <td colspan="4" class="labelErrorUL"> -->
<%-- 			                       <c:out value="${cabecera}" /> --%>
<!-- 		                        </td> -->
<%--                   		  </c:if> --%>
<!--                     </tr> -->
<!--                     <tr> -->
<%--                     	 <c:if test="${pintar_azul!=null}"> --%>
		                    	
<%--                     	 		<c:if test="${pintar_azul=='azul'}" > <td colspan="4" class="labelErrorULBlue"> </c:if> --%>
<%-- 	                     		<c:if test="${pintar_azul=='red'}" ><td colspan="4" class="labelErrorUL"></c:if> --%>
<!-- 			                     		 <ol> -->
<%-- 				                                <c:forEach items="${verificacion}" var="v"> --%>
<%-- 				                                    <li><c:out value="${v}" /></li> --%>
<%-- 				                                </c:forEach> --%>
<!-- 		                            	</ol> -->
<!-- 		                        	</td>	 -->
<%--                     	 </c:if> --%>
<%--                     	  <c:if test="${pintar_azul==null}"> --%>
<!--                     	  	<td colspan="4" class="labelErrorUL"> -->
<!-- 	                    	  		 <ol> -->
<%-- 		                                <c:forEach items="${verificacion}" var="v"> --%>
<%-- 		                                    <li><c:out value="${v}" /></li> --%>
<%-- 		                                </c:forEach> --%>
<!-- 	                            	</ol> -->
<!--                         	</td> -->
<%--                     	  </c:if>   --%>
<!--                     </tr> -->
<%--                 </c:if> --%>
<!--                 Fin de la Lista de Errores -->
            </table>
        </html:form>
    </body>
    <script type="text/javascript">  
    var operacionGlobal;
        <c:if test="${(formulario.strETAPA == 'E1' && formulario.strESTADO != 'S2') || (formulario.strETAPA == 'E2' && (formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4' || formulario.strESTADO == 'S6'  )) || mensaje=='LA EVALUACION HA SIDO INICIALIZADA POR SU EVALUADOR'}">
            //deshabilitaTodo();
        </c:if>

        function mostrarObjetivo(obj){
            alert("ID: " + obj.id);
            alert("NAME: " + obj.name);
        }

            function redondeo1decimales(numero){
            	if (isNaN(numero)){
            		numero=0.0;
            	}
                var original=parseFloat(numero);
                var result=Math.round(original*100)/100 ;              
                return result;
            }

            function llenarPesos(obj){

                if(obj.value >= 0){//Aumentado el =
                    if(obj.value <= 100){
                        //LLENO EL VALOR CALCULADO DE LOS PILARES
                        var idTexto = (obj.id).split('-'); //txt-P0001-O1001-M10101
                        var idAuxiliarMeta = "";
                        var metas = document.getElementsByName("txtMeta");//Las metas que pertenecen a un mismo pilar tienen el mismo name, pe: txt-P0001
                        var valor= "";
                        var suma = "0.0000";
                        suma = parseFloat(suma);
                        for (var x=0; x < metas.length; x++) {
                            idAuxiliarMeta = (metas[x].id).split('-');
                            if(idAuxiliarMeta[1] == idTexto[1]){
                                if(metas[x].value != ""){
                                    valor = parseFloat(metas[x].value);
                                    suma = suma + valor;
                                }
                            }
                        }

                        //suma = redondeo1decimales(suma);
                        //el 1er pilar
                        document.getElementById("lbl-"+idTexto[1]).value = redondeo1decimales(suma);
                        fillvalorpilar(idTexto[1], redondeo1decimales(suma),'<%=request.getContextPath()%>');
                        //FUNCION PARA CALCULAR LOS PESOS DE LOS OBJETIVOS
//                         alert(obj);
//                         alert(suma);
                        llenarPesoObjetivos(obj, suma);
                    }else{
                        alert("El valor no debe Superar el 100%");
                        obj.value = '0.0';
                    }
                }
                else{
                    obj.value = '0.0';
                }                
            }

            function llenarPesoObjetivos(obj, sumaPilar){ //suma es la cantidad que se muestra para el Pilar
                var idTexto = (obj.id).split('-'); //txt-P0001-O1001-M10101
                var objetivos = document.getElementsByName("name-"+idTexto[1]);
                for (var x=0; x < objetivos.length; x++) {
                    //funcion que setea el valor del objetivo
                    actualizarSumaObjetivos(obj, sumaPilar, objetivos[x]);
                }
            }

            function actualizarSumaObjetivos(idMeta, sumaPilar, objetivo){
                var idObjetivo = (objetivo.id).split('-'); //lbl-P0001-O1001
                var idObjetivoMeta = "txt-" + idObjetivo[1] + '-' + idObjetivo[2]; //txt-P0001-O1001
                var nameMetas = "name-" + idObjetivo[1] + '-' + idObjetivo[2]; //name-P0001-O1001
                var lstMetas = document.getElementsByName(nameMetas); //LISTA DE METAS LAS LABEL
                var lstMetasInput = document.getElementsByName("txtMeta"); //OBTENGO LA LISTA DE METAS LOS INPUTS
                var idAuxiliarMeta = "";
                //TENGO QUE OBTENER LA SUMA DE ESAS METAS QUE PERTENECEN AL OBJETIVO, PARA RECALCULAR EL PESO
                //DEL OBJETIVO
                var valor= "";
                var sumaObjetivo = "0.0000";
                sumaObjetivo = parseFloat(sumaObjetivo);
                for (var x=0; x < lstMetasInput.length; x++) {
                    idAuxiliarMeta = (lstMetasInput[x].id).split('-');
                    idAuxiliarMeta = idAuxiliarMeta[0] + '-' + idAuxiliarMeta[1] + '-' + idAuxiliarMeta[2];
                    if(idAuxiliarMeta == idObjetivoMeta){ //COMPARO SI EL ID DE LA META ES IGUAL AL DEL OBJETIVO
                        if(lstMetasInput[x].value != ""){
                            valor = parseFloat(lstMetasInput[x].value);
                            sumaObjetivo = sumaObjetivo + valor;
                        }
                    }
                }
                sumaObjetivo = (sumaObjetivo/sumaPilar)*100;
                //Valor de Algunos Objetivos
                document.getElementById(objetivo.id).value = redondeo1decimales(sumaObjetivo);
                fillvalorObj(idObjetivo[1] + '-' + idObjetivo[2], redondeo1decimales(sumaObjetivo),'<%=request.getContextPath()%>');
                //LLAMO A LA FUNCION PARA QUE ACTUALICE TODOS LOS LABELS DE LAS METAS QUE PERTENECEN AL OBJETIVO
                actualizarSumaMetas(lstMetas, sumaPilar, sumaObjetivo);
            }

            function actualizarSumaMetas(lstMetas, sumaPilar, sumaObjetivo){
                var lstMetasInput = document.getElementsByName("txtMeta");
                var idAuxiliarMeta = "";
                var idMetaInput = "";
                var idMeta = "";
                var valor= "";
                var sumaMeta = "0.0000";
                var pesoMeta = "0.0000";
                sumaMeta = parseFloat(sumaMeta);
                pesoMeta = parseFloat(pesoMeta);

                if(sumaObjetivo >0){
                    for (var x=0; x < lstMetas.length; x++) {
                        idAuxiliarMeta = (lstMetas[x].id).split('-');
                        idMeta = idAuxiliarMeta[1] + '-' + idAuxiliarMeta[2] + '-' + idAuxiliarMeta[3];
                        idAuxiliarMeta = 'txt-' + idAuxiliarMeta[1] + '-' + idAuxiliarMeta[2] + '-' + idAuxiliarMeta[3];                        
                        for(var z=0; z < lstMetasInput.length; z++){
                            idMetaInput = (lstMetasInput[z].id).split('-');
                            idMetaInput = idMetaInput[0] + '-' + idMetaInput[1] + '-' + idMetaInput[2] + '-' + idMetaInput[3];
                            //if(idAuxiliarMeta == lstMetasInput[z].id){ //COMPARO SI EL ID DE LA META ES IGUAL AL DEL OBJETIVO
                            if(idAuxiliarMeta == idMetaInput){ //COMPARO SI EL ID DE LA META ES IGUAL AL DEL OBJETIVO
                                if(lstMetasInput[z].value != ""){
                                    valor = parseFloat(lstMetasInput[z].value);
                                    sumaMeta = sumaMeta + valor;
                                }
                            }
                        }
                        pesoMeta = sumaMeta;
                        sumaMeta = ((sumaMeta/sumaObjetivo)/sumaPilar)*10000;
                        //Valor de las Metas
                        document.getElementById(lstMetas[x].id).value =redondeo1decimales(sumaMeta);
//                         alert(idMeta);
//                         alert(redondeo1decimales(sumaMeta));
//                         alert(pesoMeta);
                        fillvalorMeta(idMeta, redondeo1decimales(sumaMeta), pesoMeta, '<%=request.getContextPath()%>');
                        sumaMeta = "0.0000";
                        pesoMeta = "0.0000";
                        sumaMeta = parseFloat(sumaMeta);
                        pesoMeta = parseFloat(pesoMeta);
                        actualizarSumaTotal();
                    }
                }
            }


            function actualizarSumaTotal(){
                var lstMetas = document.getElementsByName("txtMeta");
                var sumaMeta = "0.0000";
                var pesoMeta = "0.0000";
                var sumaOrg = "0.0000";
                sumaMeta = parseFloat(sumaMeta);
                pesoMeta = parseFloat(pesoMeta);
                sumaOrg = parseFloat(sumaOrg);
                var idMeta = "" ;
                for (var x=0; x < lstMetas.length; x++) {
                    if(lstMetas[x].value != ""){
                        idMeta = (lstMetas[x].id).split('-');
                        pesoMeta = parseFloat(lstMetas[x].value);
                        sumaMeta = sumaMeta + pesoMeta;
                        if(idMeta[4] == '1'){
                            sumaOrg = sumaOrg + pesoMeta;
                        }
                    }
                }
                sumaMeta = redondeo1decimales(sumaMeta);
                sumaOrg = redondeo1decimales(sumaOrg);
                document.getElementById("lblTotalMetas").innerHTML = sumaMeta+"%";
                document.getElementById("lblMetasOrg").innerHTML = sumaOrg+"%";
            }

            function PopupObjetivo(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                if(namSeleccionado.match("chkpilar")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    //  alert("sE SELECCIONO " + valorseleccionado);
                    var msj  = ValidarCantidadOBJT(valorseleccionado);
                    if(msj.substr(0, 2).match("1-")){
                        alert(msj.substr(2, msj.length));
                        return;
                    }
                    //FUNCION PARA QUE DESHABILITE LOS BOTONES UNA VEZ QUE SE HAYA ABIERTO UN POPUP
                    deshabilitarBotones();
                    //obj.disabled=true;
                    //document.getElementById("btnModificarObjetivo").disabled = true;
                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=nuevoObjetivo&id='+valorseleccionado;
                    url = url+'&ms='+(new Date()).getTime();
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=350, height=250, top="+retornarHeight(250)+", left="+retornarWidth(350);
                    
                    window.open(url,"",opciones);
                    //window.open("pages/usuarionormal/popups/objetivoPopup.jsp?id="+valorseleccionado,"",opciones);
                }else{
                    alert("No se puede crear un objetivo en este nivel.\nSeleccionar el pilar donde se requiere agregar un  objetivo");
                }
            }

            function PopupMeta(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                if(namSeleccionado.match("chkObjetivo")){
                    //FUNCION PARA QUE DESHABILITE LOS BOTONES UNA VEZ QUE SE HAYA ABIERTO UN POPUP
                    deshabilitarBotones();
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=nuevaMeta&id='+valorseleccionado;
                    url = url+'&ms='+(new Date()).getTime();
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=730, height=250, top="+retornarHeight(250)+", left="+retornarWidth(830);;
                    //alert("añadir meta");
					window.open(url,"",opciones);
					
                    //window.open("pages/usuarionormal/popups/metaPopup.jsp?id="+valorseleccionado,"",opciones);
                }else{
                    alert("No se puede crear una meta en este nivel.\nSeleccionar el objetivo donde se requiere agregar una  meta");
                }
            }

            function setValor(obj){
                if(obj.checked){
                    document.forms[0].valSeleccionado.value = obj.parentNode.parentNode.id;
                    document.forms[0].namSeleccionado.value = obj.name;
                }else{
                    document.forms[0].valSeleccionado.value = "";
                    document.forms[0].namSeleccionado.value = "";
                }
                // alert(obj.checked + " " + document.forms[0].valSeleccionado.value  + " " + document.forms[0].namSeleccionado.value );
            }

            function grabar(){
//                 document.forms[0].operacion.value="g";
//                 document.forms[0].method.value='OperacionesEvaluacion';
//                 document.forms[0].submit();

<%--             	 document.getElementById('ver_contenido').innerHTML   = OperacionxAjax('g', '<%=request.getContextPath()%>'); --%>
				operacionGlobal="g";
				OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
            	
            }
// -----------------------------------------------------------------------------------------------
            function OperacionxAjax(operacion, ruta){
            var msj ="";
              accion='A';
            //  url='/'+ruta[1]+'/Ajax.do?metodo=fillvalorMeta&id='+id+'&valor='+valor+'&peso='+peso;
              url=ruta + '/evaluacion.do?method=OperacionesEvaluacion&operacion='+ operacion ;
              url = url+'&ms='+(new Date()).getTime();
              ajax0 = new Ajax.Request(url,{
                  asynchronous: false,
                  method: 'get',
                  onSuccess: function(transport, json) {
                	     if(json.executeError){
                	      	alert(json.executeError);
                	      }
                	      else{  
                 	    	  //alert("json.Mensaje: " + json.Mensaje);
	                	      itemsHtml = "<table>";
	                	      itemsHtml += "<tr>";
	                	      itemsHtml += "<td colspan='4' style='text-align: left'>";
	                	      if (operacionGlobal=="g" || json.ErrorSize==0 || json.Mensaje=="EL FORMULARIO DEBE SER GRABADO") {
	                	    	  itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";	
							} else if (operacionGlobal=="e"){
								 itemsHtml +="<font color='red' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";
							}	
	                	      itemsHtml += "</td></tr>";
	                	      itemsHtml += "</table>";
	                	      document.getElementById('ver_mensaje').innerHTML = itemsHtml;
 
	                	      if (json.ErrorSize>0) {  
// 	                	      		Cabecera
	                	    	  itemsHtml = "<table>";
	                    	      itemsHtml += "<tr>";
	                    	      //alert(json.cabecera);
	                    	      if (operacionGlobal=="g") {
	                    	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'>" + json.cabecera ;
									} else if (operacionGlobal=="e") {
										  itemsHtml += "<td colspan='4' class='labelErrorUL'>" + json.cabecera ;
									}
	                    	      itemsHtml += "</td></tr>";
	                	      
// 	                    	      Lista de Errores
	                	    	  var myString = json.lstError;
	                	    	  var mySplitResult = myString.split(",");  
	                	      
	                    	      itemsHtml += "<tr>";
	                    	      if (operacionGlobal=="g") {
	                    	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'> <ol>" ;
									} else if (operacionGlobal=="e") {
										itemsHtml += "<td colspan='4' class='labelErrorUL'> <ol>" ;
									}
	                    	      
	                    	      for(i = 0; i < mySplitResult.length-1; i++){
	                    	    	  itemsHtml += "<li>" +  mySplitResult[i] +  "</li>";
	                    	    	}
	                    	      itemsHtml += "</ol></td></tr>";
	                    	      itemsHtml += "</table>";
	                    	      document.getElementById('ver_cabecera').innerHTML = itemsHtml; 
	                    	      
	                    	     
	                	      }else{document.getElementById('ver_cabecera').innerHTML = " "; }
	                	      
		                	      if ((operacionGlobal=="g" && json.ErrorSize < 0 )||(operacionGlobal=="e" && json.ErrorSize==0 && json.Mensaje!="EL FORMULARIO DEBE SER GRABADO")) {
		                	    	  document.getElementById('divgrabar').innerHTML = "";
		                	    	  document.getElementById('divenviar').innerHTML = "";
		                	    	  
		                	    	  document.getElementById('GrupoBotones').innerHTML = "";
		                	    	  
		                	      }
	                	      }
  
                 	      } //Fin de la Funcion	    
              });  
            }

// ---------------------------------------------------------------------------------
            
            function cerrar(){
             	window.close();
            }

            function cerrarPadre(){
                window.opener.document.forms[0].action="login.jsp";
                window.opener.document.forms[0].submit();
                window.close();
            }

            function enviar(){
                var mensaje = confirm("Después de enviar, no se podrá realizar más \n modificaciones a la Evaluación de Objetivos \n ¿Está seguro que desea enviar la información?");
                if(mensaje){
//                     document.forms[0].operacion.value="e";
//                     document.forms[0].method.value='OperacionesEvaluacion';
//                     document.forms[0].submit();
                	operacionGlobal="e";
    				OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
                }
            }

            function ModificarMeta(){
            	// alert("entro al modificar meta:");	
            
                var namSeleccionado = document.forms[0].namSeleccionado.value;                
                if(namSeleccionado.match("chkMeta")){
                   
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                   // alert("toy dentro del if. " + valorseleccionado);
                    //FUNCION PARA QUE DESHABILITE LOS BOTONES UNA VEZ QUE SE HAYA ABIERTO UN POPUP
                    deshabilitarBotones();
                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=CargaModificaMeta&valor='+valorseleccionado;
                    url = url+'&ms='+(new Date()).getTime();
                   // alert("sE SELECCIONO " + valorseleccionado);
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes,width=830, height=250, top="+retornarHeight(250)+", left="+retornarWidth(830);
                    //alert(url);
                    window.open(url,"",opciones);
                    //alert("333");
                }else{
                    alert("El elemento seleccionado no es una meta.\nSeleccionar la meta a modificar.");
                }
            }

            function ModificarObj(){
               // alert("entro al modificar objetivo:");
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                //var totalMetas = document.forms[0].lblTotalMetas.value;
                //var totalMetas = document.getElementById("lblTotalMetas").innerHTML;
                //alert("Total Metas es: " + totalMetas);
                //var totalMetasOrg = document.forms[0].lblMetasOrg.value;
                //var totalMetasOrg = document.getElementById("lblMetasOrg").innerHTML;
                //alert("Total Metas Organizacionales es: " + totalMetasOrg);
                if(namSeleccionado.match("chkObjetivo")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    //FUNCION PARA QUE DESHABILITE LOS BOTONES UNA VEZ QUE SE HAYA ABIERTO UN POPUP
                    deshabilitarBotones();
                   
                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=CargaModificaObjetivo&valor='+valorseleccionado;
                    url = url+'&ms='+(new Date()).getTime();
                   // alert("sE SELECCIONO " + valorseleccionado);
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=450, height=250, top="+retornarHeight(250)+", left="+retornarWidth(250);
                    window.open(url,"",opciones);
                }else{
                    alert("El elemento seleccionado no es un objetivo.\nSeleccionar el objetivo a modificar.");
                }
            }

            function EliminarObj(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                if(namSeleccionado.match("chkObjetivo")){
                    var elim = confirm("¿Está seguro que desea eliminar este objetivo?")
                    if(elim){
                        document.forms[0].dblpeso.value = document.getElementById("lblTotalMetas").innerHTML;
                        document.forms[0].totalObjOrg.value = document.getElementById("lblMetasOrg").innerHTML;
                        document.forms[0].method.value='EliminarObjetivo';
                        //document.forms[0].submit();
                        
                        peso_  = document.forms[0].dblpeso.value;
                        peso_  = peso_.substring(0, peso_.indexOf('%',0));
                        	//alert("peso: " + peso_  );
                        total_ =  document.forms[0].totalObjOrg.value;
                        total_  = total_.substring(0,total_.indexOf('%',0));
                        	//alert("total_: " + total_);
                        
		              url='<%=request.getContextPath()%>' + '/evaluacion.do?method=EliminarObjetivo&dblpeso='+ peso_ + '&totalObjOrg=' +  total_ + '&valSeleccionado=' +  document.forms[0].valSeleccionado.value;
		              url = url+'&ms='+(new Date()).getTime();
		              ajax0 = new Ajax.Request(url,{
		                  asynchronous: false,
		                  method: 'get',
		                  onSuccess: function(transport, json) {
		                	     if(json.executeError){
		                	      	alert(json.executeError);
		                	      }
		                	      else{ 
		                	    	 // alert(json.Eliminado);
		                	    	  var tabla = document.getElementById("tablaColap");
		                	    	    var numRows = tabla.rows.length;
		                	    	    var id = document.forms[0].valSeleccionado.value;
		                	    	    arreglo  = id.split("-");
		                	    	    pilar  = arreglo[0];
		                	    	    obj    = arreglo[1]; 
		                	    	    
		                	    	    
		                	    	   // alert("pilar: " + pilar + " - obj: " + obj);		                	    	    
					                	    	    for(var i = 0 ;i < tabla.rows.length; i ++ ){
					                	    	    	for(var j = 0 ;j < tabla.rows.length; j ++ ){
					                	    	    		 var variable = tabla.rows[j].id ;
							                	    	        
							                	    	        if(variable.match(id) ){
							                	    	         //alert("Buscar: " + id + " - variable: " + variable);
							                	    	            var row = tabla.deleteRow(j);
							                	    	        }
					                	    	    	}
					                	    	    }
					                actualizarSumaTotal();	 
					                indiceCorrelativo();
					                
		                	      } 
		                  }//Fin de la Funcion
		                  });  
                        
                        
                    }
		             
                }else{
                    alert("El elemento seleccionado no es un objetivo.\nSeleccionar el objetivo a eliminar.");
                }
            }

            
          function indiceCorrelativo(){
        	       var tabla = document.getElementById("tablaColap");
                    
        	       var id = document.forms[0].valSeleccionado.value;
	   	    	    arreglo  = id.split("-");
	   	    	    pilar  = arreglo[0];
	   	    	    obj    = arreglo[1]; 
   	    	    
            	   	var objindice  = 0;
   	    	    	var metaindice = 0;
	                for(var i = 0 ;i < tabla.rows.length; i ++ ){
	                	var fila = tabla.rows[i].id ;
	                						                	
	                	arr  = fila.split("-");
	                	p  =  arr[0];
       	    	    	o   = arr[1]; 
       	    	   
       	    	    if(pilar==p){
       	    	    	numpilar =p.charAt(p.length-1);
                            if(arr.length==2){
                           	//alert("objetivo: " + fila); 
                           	objindice++;
                           	metaindice = 0;
                           	document.getElementById("tablaColap").rows[i].cells[2].innerText =  numpilar + "." + objindice;
                           	
                            }
                            if(arr.length==3){
                           	 metaindice++;
                                document.getElementById("tablaColap").rows[i].cells[2].innerText =  numpilar + "." + objindice + "." + metaindice;
                           	
                            }
       	    	    	//alert("pilar: " + numpilar + " p: " + p + " obj: " + o +" fila: " + fila);
       	    	    }
					}
            }
            
            function EliminarMeta(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                if(namSeleccionado.match("chkMeta")){
                    //eliminar();
                    var elim = confirm("¿ Está seguro que desea eliminar esta meta ?")
                    if(elim){
                        document.forms[0].dblpeso.value = document.getElementById("lblTotalMetas").innerHTML;
                        document.forms[0].totalObjOrg.value = document.getElementById("lblMetasOrg").innerHTML;
                        document.forms[0].method.value='EliminarMeta';
                        //document.forms[0].submit();
                        
                        
                        peso_  = document.forms[0].dblpeso.value;
                        peso_  = peso_.substring(0, peso_.indexOf('%',0));
                        	//alert("peso: " + peso_  );
                        total_ =  document.forms[0].totalObjOrg.value;
                        total_  = total_.substring(0,total_.indexOf('%',0));
                        	//alert("total_: " + total_);
                        
		              url='<%=request.getContextPath()%>' + '/evaluacion.do?method=EliminarMeta&dblpeso='+ peso_ + '&totalObjOrg=' +  total_ + '&valSeleccionado=' +  document.forms[0].valSeleccionado.value;
		              url = url+'&ms='+(new Date()).getTime();
		              ajax0 = new Ajax.Request(url,{
		                  asynchronous: false,
		                  method: 'get',
		                  onSuccess: function(transport, json) {
		                	     if(json.executeError){
		                	      	alert(json.executeError);
		                	      }
		                	      else{ 
		                	    	 // alert(json.Eliminado);
		                	    	  var tabla = document.getElementById("tablaColap");
		                	    	    var numRows = tabla.rows.length;
		                	    	    var id = document.forms[0].valSeleccionado.value;
		                	    	   // alert("id: " + id);		                	    	    

		                	    	    var pos = buscarPos(id, tabla);
		                	    	    if(pos > 0){
		                	    	        var row =tabla.deleteRow(pos);
		                	    	    }
		                	    	    
					                actualizarSumaTotal();	
					                indiceCorrelativo();
		                	      } 
		                  }//Fin de la Funcion
		                  });  
                        
                        
                    }
                }else{
                    alert("El elemento seleccionado no es una meta.\nSeleccionar la meta a eliminar.");
                }
            }

            function retornarHeight(h){
                var posicion_y;
                posicion_y=(screen.height/2)-(h/2);
                return posicion_y;
            }

            function retornarWidth(w){
                var posicion_x;
                posicion_x=(screen.width/2)-(w/2);
                return posicion_x;
            }

            function ImprimirFormularioEvaluacionObjetivos(){
                var url = "<%=request.getContextPath()%>/ImprimirServlet.do?periodo=" +  <c:out value="${formulario.strPERIODO}"/>;              
                var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=800, height=800, top="+retornarHeight(800)+", left="+retornarWidth(800);
                window.open(url,"",opciones);
            }

            function deshabilitarBotones(){
                document.getElementById("btnNuevoObjetivo").disabled = true;
                document.getElementById("btnModificarObjetivo").disabled = true;
                document.getElementById("btnEliminarObjetivo").disabled = true;
                document.getElementById("btnNuevaMeta").disabled = true;
                document.getElementById("btnModificarMeta").disabled = true;
                document.getElementById("btnEliminarMeta").disabled = true;
            }
    </script>
</html>


